{%- block doc %}
<!DOCTYPE html{% block html_attribs %}{% endblock html_attribs %}>
<html lang="en" style="width:100%;height:100%">
    {%- block html %}
<head>
  {%- block head %}

  <title>{% block title %}{% endblock title %}</title>

  {%- block metas %}
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  {%- endblock metas %}


  {%- block styles %}
  <link rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link rel="stylesheet" href="../static/css/AdminLTE.css">
  <link rel="stylesheet" href="../static/css/dataTables.bootstrap.min.css">
  <link rel="stylesheet" href="../static/css/_all-skins.min.css">
  <link rel="stylesheet" type="text/css" media="screen" href="../static/css/jquery-ui.css" />
{#  <link href="../static/css/add_two.css" rel="stylesheet" type="text/css">#}
  {%- endblock styles %}

  {%- endblock head %}
</head>

<body class="skin-blue sidebar-mini">
{%- block body %}
  <!--
  弹出层定义,暂时定义三层,如果需要可以继续追加弹出层.
  这些div块仅仅提供给$.openDialog插件使用,不做其他用处
  -->
  <div id="firstLevelDialog"></div>
  <div id="secondLevelDialog"></div>
  <div class="wrapper">
    <header class="main-header">
      <!-- Logo -->
      <a id=dashboard1 href="#" class="logo" style="background:#222D32"><font size="2"><span class="logo-lg" style="background:#222D32;">
          <img src="resources/image/anosi-logo.png" border="0">
      </span> </font></a>
      <!-- Header Navbar: style can be found in header.less -->
      <nav class="navbar navbar-static-top" role="navigation"style="background:#292D38">
        <div class="navbar-custom-menu">
          <ul class="nav navbar-nav">
            <!-- Messages: style can be found in dropdown.less-->
            <li class="dropdown messages-menu">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"style="background:#292D38">
                <i class="fa fa-envelope-o"></i>
                <span class="label label-success" id="messageCount">3</span>
              </a>
              <ul class="dropdown-menu">
{#                <li class="header" id="messageCountInfo">您有3条信息</li>#}
                <li>
                  <!-- inner menu: contains the actual data -->
                  <div class="slimScrollDiv" style="position: relative; overflow: hidden; width: auto; height: 200px;"><ul class="menu" id="message" style="overflow: hidden; width: 100%; height: 200px;"></ul><div class="slimScrollBar" style="background: rgb(0, 0, 0) none repeat scroll 0% 0%; width: 3px; position: absolute; top: 0px; opacity: 0.4; display: block; border-radius: 7px; z-index: 99; right: 1px;"></div><div class="slimScrollRail" style="width: 3px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; background: rgb(51, 51, 51) none repeat scroll 0% 0%; opacity: 0.2; z-index: 90; right: 1px;"></div></div>
                </li>
                <li class="footer"><a href="#">See All Messages</a></li>
              </ul>
            </li>
            <!-- User Account: style can be found in dropdown.less -->
            <li class="dropdown user user-menu">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"style="background:#292D38">
                <img src="resources/dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
                <span class="hidden-xs">管理员</span>
              </a>
              <ul class="dropdown-menu">
                <!-- User image -->
                <li class="user-header">
                  <img src="resources/dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
                  <p>管理员</p>
                </li>
{#                <li class="user-header">#}
{#                  <i class="fa fa-user text-info"></i>&nbsp;<span style="color: white;">管理员</span>#}
{#                  <i class="fa fa-user text-info"></i>&nbsp;<span style="color: white;">代维</span>#}
{#                  <i class="fa fa-user text-info"></i>&nbsp;<span style="color: white;">供应商</span>#}
{#                  <i class="fa fa-user text-info"></i>&nbsp;<span style="color: white;">服务商</span>#}
{#                </li>#}
                <!-- Menu Body -->
                <li class="user-body">可以在这里写点什么</li>
                <!-- Menu Footer-->
                <li class="user-footer">
                  <div class="pull-left"><a href="#" id="account_set_link" class="btn btn-default btn-flat">个人资料</a></div>
                  <div class="pull-right"><a id="logout_link" href="#" class="btn btn-default btn-flat">注销</a></div>
                </li>
              </ul>

          </ul>
        </div>
      </nav>
    </header>
    <div class="content-wrapper" id="content-wrapper" >
        {%- block content %}

     {%- endblock content %}
    </div>
  </div>





  {% block scripts %}
  <script src="../static/js/jquery.min.js"></script>
  <script src="../static/js/common.js"></script>
  <script src="../static/js/bootstrap.min.js"></script>
  <script src="../static/js/bootbox.min.js"></script>
  <script src="../static/js/jquery.dataTables.min.js"></script>
  <script src="../static/js/dataTables.bootstrap.js"></script>
  <script src="../static/js/app.min.js"></script>
  <script src="../static/js/jquery-ui.js"></script>
  <script type="text/javascript" src="../static/js/customDialog.js"></script>
  <script>

  </script>
  {%- endblock scripts %}
  {%- endblock body %}
</body>
{%- endblock html %}
</html>
{% endblock doc -%}